Lesson 1

   In Lesson 1 you will learn all of the esential tags you need to make your web page. We will discuss what tags do which and mention the tags we most likely wont use. The reason we will not use this tags is because they are either duplicated tags or don't get used alot in HTML anymore. It is your descision to use this tags or not, what I say is just merely a suggestion. Now let's continue on to and learn some of this tags we are talking about.

HTML tags

   HTML tags are simple text inside of two brackets these are the brackets. < that is the start bracket > that is the end bracket. HTML tags basic format is as follows:

<tag_name>String of text</tag_name>

   The / back slash character, ends that command and then the Web Browser looks for the next command line.

HTML Tag

   The <HTML> element indicates that the document is an <HTML> document. The whole content of the document must be inserted between the two HTML tags, except for the initial declaration, the <!DOCTYPE> element, which indicates the HTML language version being used. The </HTML> is not required but belongs at the end of your document.

Attributes:

W3C
Dir
Lang
Version
Internet Explorer
HTML

HEAD Tag

   The <HEAD> element defines the document header. It is used to indicate information about the document such as the title, keywords, document description (used by search robots), or any other information that it is not part of the document content.
   Information inserted in the header is not displayed by the Web browser except for the title, defined by the <TITLE> element, which appears in the browser window title bar.

Attribute:
W3C
dir
lang
profile
Internet Explorer
class
id
title

META Tags

   The <META> element is used to define a document’s properties and is part of the header <HEAD>. Properties defined by the <META> element are useful for search robots as well as for Web browsers. Here is the Basic format of the <Meta>
<meta name="
Keywords" content="Keywords of your Web Page">
<meta name="
Description" content="A good description of your Web Page">
<meta name="
Author" content="Your name or Handle">


Attributes:
content
http-equiv
name
W3C
dir
lang
scheme
Internet Explorer
language
title
url

Title Tag

   The <TITLE> element must be inserted once in the document header and serves to identify its content. It is suggested that the title be given a comprehensive name since it is displayed on the Web browser’s title bar and is used to inform the user of the page contents. The <TITLE> must be followed by its closing tag </TITLE>.

Attribute:
W3C
dir
lang
Internet Explorer
id
title

BODY Tag

   The <BODY> element defines the HTML document body, that is the actual content (text, images, sound, multimedia objects, etc.). It must be placed immediately after the document header. The </BODY> closing tag goes at the end of the document. Here is and example format of the <BODY> tag:

<BODY BACKGROUND="HTTP://THE URL OF ANY PICTURE YOU CHOOSE" BGCOLOR="#FFFFFF TEXT="#000000" LINK="#400040" VLINK="#000080" ALINK="#8000FF">

   Now lets break this tag down ad explain it more thoroughly.
BACKGROUND="HTTP://THE URL OF ANY PICTURE YOU CHOOSE" Simply the background image of your choice.
TEXT="#000000" The color you wish your text to be.
LINK="#400040" The color you wish your links to be.
VLINK="#000080" The color you wish, of the links that the viewer has visited.
ALINK="#8000FF" The color you wish, of the links that the viewer has just clicked on.

   All of the 6 number color codes is the codes that are on this page. If you would like to see a chart of the 6 number color codes click here Color Chart.

Attributes:
alink
background
bgcolor
class
id
lang
link
style
text
title
vlink
W3C
dir
Netscape Navigator
marginheight
marginwidth
Internet Explorer
bgproperties
bottommargin
language
leftmargin
rightmargin
scroll
topmargin


   That is the end of this lesson, if you feel you don't understand it please re-read it, and if that doesn't clear anything up for you please e-mail me at [email protected]. If you do not have any question and understand all of the coding please continue onto the next lesson, where we are going to discuss the HTML tags that make your document visible.


Previous Lesson  | Index of HTML Tutorial |  Next Lesson |